<template>
	<view class="Default text-align">
		<view class="default-img margin-bottom-12">
			<image class="width-height100 default-images" :src="tisImg" mode="widthFix"></image>
		</view>
		<view class="font-weight-400 color9 size-30">{{tisName}}</view>
		<u-button type="primary"
			:customStyle="{width: '340rpx',height: '84rpx',borderRadius: '10rpx',margin: '40rpx auto 0',borderRadius: '100rpx'}"
			:color="settings.color" @click="onJumpPage" v-if="uButtonBool">
			<text class="color-f font-weight-600 size-32">登录</text>
		</u-button>
	</view>
</template>

<script>
	import { settings } from "@/utils/public"
	export default {
		name: "Default",
		props: {
			tisName: {
				type: String,
				default: "暂无相关数据！"
			},
			uButtonBool: {
				type: Boolean,
				default: false
			},
			tisImg: {
				type: String,
				default: require("@/static/default/ty.png")
			},
		},
		data() {
			return {
				settings
			}
		},
		methods: {
			onJumpPage() {
				uni.navigateTo({
					url: '/packagePerson/logon/logon'
				});
			}
		}
	}
</script>

<style lang="scss">
	.Default {
		padding: 104rpx 0;
		color: #BBBBBB;

		.default-img {
			width: 234rpx;
			height: 205rpx;
			margin: 0 auto;
		}
		.default-images{
			margin-left: -10rpx;
		}
		.font-weight-400{
			margin-top: 36rpx;
		}
	}
</style>